<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>数据源管理</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <script src="/style/public/publicStyle.js"></script>
</head>

<body>
<div class="weadmin-nav">
			<span class="layui-breadcrumb" style="visibility: visible;">
			<a href="">任务管理</a><span lay-separator="">/</span>
			<a>
				<cite>手工执行</cite></a>
			</span>
    <a class="layui-btn layui-btn-sm" style="line-height:1.6em;margin-top:3px;float:right"
       href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
</div>

<!--表格-->
<div class="weadmin-body">
    <div class="layui-row">
        <div class="layui-col-md6">
            <div class="layui-row" id="tableForm">
                <div class="layui-col-md10">
                    <form class="layui-form layui-from-pane" id="formId" style="margin-top:20px" lay-filter="tableForm">
                        <input type="hidden" name="idBase"/>
                        <div class="layui-form-item">
                            <div class="layui-row">
                                <div class="layui-col-md6">
                                    <label class="layui-form-label">开始时间</label>
                                    <div class="layui-input-block">
                                        <input class="layui-input" name="baseName"/>
                                    </div>
                                </div>
                                <div class="layui-col-md6">
                                    <label class="layui-form-label">结束时间</label>
                                    <div class="layui-input-block">
                                        <input class="layui-input" name="baseName"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-row">
                                <div class="layui-col-md6">
                                    <label class="layui-form-label">任务分类</label>
                                    <div class="layui-input-block">
                                        <select name="sdJbcls" lay-filter="sdJbcls" required nextId="naJbcls" id="sdJbcls">
                                            <option value="1">hosToOds</option>
                                            <option value="2">odsToDw</option>
                                            <option value="3">minToDm</option>
                                        </select>
                                        <input type="hidden" name="naJbcls" id="naJbcls"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">指标选择</label>
                            <div class="layui-input-block">
                                <select name="idIndex" lay-filter="mainSelectIdFilter" lay-verify="required" lay-search="" style="width: 300px" id="mainSelectId">
                                    <option value="">直接选择或搜索选择</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">已添加指标</label>
                            <div class="layui-input-block" id="dimCheckboxList">
                                <input type="checkbox" checked name="门急诊人次" lay-skin="primary" title="门急诊人次">
                                <input type="checkbox" checked name="住院人次" lay-skin="primary" title="住院人次">
                            </div>
                        </div>
                        <div class="layui-form-item" style="margin-top:40px;float: right">
                            <div class="layui-input-block">
                                <button class="layui-btn  layui-btn-submit " lay-submit="" lay-filter="demo11">执行</button>
                                <!--<button type="reset" class="layui-btn layui-btn-primary">取消</button>-->
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="layui-col-md1">
            <div style="float:left;width: 1px;height: 800px; background: darkgray;"></div>
        </div>
        <div class="layui-col-md5">
            <div class="layui-row">
                <br/>DW历史数据抽取(20200306~20210306)<br/><br/>
                <div class="layui-col-md10">
                    <div class="layui-progress layui-progress-big" lay-showpercent="true">
                        <div class="layui-progress-bar" lay-percent="5/10"></div>
                    </div>
                </div>
                <div class="layui-col-md2">
                    <button type="button" class="layui-btn layui-btn-xs">暂停</button>
                    <button type="reset" class="layui-btn layui-btn-xs" onclick="showDetail()">详情</button>
                </div>
            </div>
            <div class="layui-row">
                <br/>DW历史数据抽取(20200306~20210306)<br/><br/>
                <div class="layui-col-md10">
                    <div class="layui-progress layui-progress-big" lay-showpercent="true">
                        <div class="layui-progress-bar" lay-percent="9/10"></div>
                    </div>
                </div>
                <div class="layui-col-md2">
                    <button type="button" class="layui-btn layui-btn-xs">暂停</button>
                    <button type="reset" class="layui-btn layui-btn-xs" onclick="showDetail()">详情</button>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="layui-row" id="showDetail" style="display:none;">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
        <legend>DW历史数据抽取(20200306~20210306)</legend>
    </fieldset>
    <ul class="layui-timeline">
        <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis"></i>
            <div class="layui-timeline-content layui-text">
                <h3 class="layui-timeline-title">2020-08-08</h3>
                <p>
                    表DBC_INP抽取完成,时间为2020-01-01 12:30:20~2020-01-01 12:30:20,耗时320s,状态<span style="color: #00FF00;font-weight: bold">FAILD</span>
                <ul>
                    <li>步骤1:simpleStep 读取302条,写入302条,状态为SUCCESS,耗时320s</li>
                    <li>步骤2:simpleStep 读取302条,写入302条,状态为FAILD,耗时320s</li>
                </ul>
                </p>
            </div>
        </li>
        <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis"></i>
            <div class="layui-timeline-content layui-text">
                <h3 class="layui-timeline-title">2020-08-07</h3>
                <p>
                    表DBC_INP抽取完成,时间为2020-01-01 12:30:20~2020-01-01 12:30:20,耗时320s,状态<span style="color: red;font-weight: bold">SUCCESS</span>
                <ul>
                    <li>步骤1:simpleStep 读取302条,写入302条,状态为SUCCESS,耗时320s</li>
                    <li>步骤2:simpleStep 读取302条,写入302条,状态为FAILD,耗时320s</li>
                </ul>
                </p>
                <p>
                    表DBC_INP抽取完成,时间为2020-01-01 12:30:20~2020-01-01 12:30:20,耗时320s,状态<span style="color: red;font-weight: bold">FAILD</span>
                <ul>
                    <li>步骤1:simpleStep 读取302条,写入302条,状态为SUCCESS,耗时320s</li>
                    <li>步骤2:simpleStep 读取302条,写入302条,状态为FAILD,耗时320s</li>
                </ul>
                </p>
                <p>
                    表DBC_INP抽取完成,时间为2020-01-01 12:30:20~2020-01-01 12:30:20,耗时320s,状态<span style="color: red;font-weight: bold">FAILD</span>
                <ul>
                    <li>步骤1:simpleStep 读取302条,写入302条,状态为SUCCESS,耗时320s</li>
                    <li>步骤2:simpleStep 读取302条,写入302条,状态为FAILD,耗时320s</li>
                </ul>
                </p>
            </div>
        </li>
        <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis"></i>
            <div class="layui-timeline-content layui-text">
                <div class="layui-timeline-title">开始执行</div>
            </div>
        </li>
    </ul>
</div>


</body>

<script>
    function showDetail() {
        layer.open({
            //layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
            type: 1,
            title: "编辑数据源",
            area: ['1024px', '700px'],
            content: $("#showDetail")//引用的弹出层的页面层的方式加载修改界面表单
        });
    }
    layui.use(['util', 'laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element'], function () {
        var util = layui.util;
        var laydate = layui.laydate //日期
            , laypage = layui.laypage //分页
            , layer = layui.layer //弹层
            , table = layui.table //表格
            , carousel = layui.carousel //轮播
            , upload = layui.upload //上传
            , element = layui.element //元素操作
            , form = layui.form;
    });
</script>

</html>